<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // h5本地储存
        // localStorage 永久储存 local是本地的意思
        // sessionStorage 临时储存 session是临时的意思

        // h5本地储存特点:(对比cookie)
        // 1.更大的储存空间
        // 2.不会随着http请求发送到服务器
        // 3.有方便的API
        // 4.兼容性比较差,移动端普及比较高
        // 5.不能设置有效期

        localStorage.setItem('user1','小错');
        localStorage.setItem('user2',"455555");
        localStorage.setItem('user','小错')

        // sessionStorage.getItem('user4',"小妹")
        // 获取储存本地的方法，getItem()
        console.log(localStorage.getItem('user1'));


        // removeItem(),用于删除一条本地存储数据
        localStorage.removeItem('user1');

        // length属性，返回数组总条数
        console.log(localStorage.length);

        console.log(localStorage.key(1));
        // 
    </script>
</body>
</html>